<div class="eui-siderbar-wrapper eui-siderbar-fixed eui-siderbar-fixed-left" id="siderbar">
    <div class="eui-sider-bar eui--position-rel">
        <div class="eui-siderbar-header eui--white-bacg eui--text-center">
            <span class="eui-icon eui-icon-arrow_right eui--position-abs back-btn" id="toggle_siderbar_back_btn"></span>
            <div class="eui-siderbar-banner"></div>
            <div class="user-photo-wrap">
                <img src="../static/images/test-avatar.jpg" class="user-photo" alt="">
                <span class="eui-sprite-icon eui-icon-camera"></span>
            </div>
            <p class="user-name eui--blue-color eui--font-32">lalalalal</p>
            <p class="eui--font-32 intergral-num">
                <span class="eui-sprite-icon eui-icon-leaf_active"></span>123456
            </p>

            <div class="membership-info-wrap">
                <div class="membership-label eui--text-r eui--pull-left">
                    <p for="member_name">
                        <span class="eui-icon eui-icon-vip"></span>{{__("personal_member_name")}}</p>
                    <p for="member_id">{{__("personal_member_id")}}</p>
                    <p for="member_level">LV11</p>
                </div>
                <div class="membership-info eui--text-l eui-pull-right">
                    <p class="member-name member-info">名字叫好名字</p>
                    <p class="member-id member-info">222222222222</p>
                    <div class="member-level-progress eui--pull-left text-center">
                        <div class="progress"></div>
                        <span class="member-level member-info">1200/1500</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="eui-siderbar-content eui--white-bacg">
            <ul class="eui-table-view">
                <li class="eui-table-view-cell eui-table-view-cell-border-circle">
                    <a href="/personal/security" class="eui-media-object eui--font-26 d-i-b eui--black-color">
                        <span class="eui-sprite-icon eui-icon-security"></span>
                        <span class="eui-media-name">{{__("personal_nav_account_security")}}</span>
                        <span class="eui-sprite-icon eui-icon-new"></span>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                    </a>
                </li>
                <li class="eui-table-view-cell eui-table-view-cell-border-circle">
                    <a href="/personal/task" class="nav-link eui--font-26 d-i-b eui--black-color">
                        <span class="eui-sprite-icon eui-icon-menu"></span>
                        <span class="nav-name">{{__("personal_nav_my_task")}}</span>
                        <span class="eui-sprite-icon eui-icon-new"></span>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                    </a>
                </li>
                <li class="eui-table-view-cell eui-table-view-cell-border-circle">
                    <a href="/personal/record" class="nav-link eui--font-26 d-i-b eui--black-color">
                        <span class="eui-sprite-icon eui-icon-pencial"></span>
                        <span class="nav-name">{{__("personal_nav_my_record")}}</span>
                        <span class="eui-sprite-icon eui-icon-new"></span>
                        <span class="eui-icon eui--pull-right eui-icon-arrow_right eui--pull-right"></span>
                    </a>
                </li>
                <li class="eui-table-view-cell eui-table-view-cell-border-circle">
                    <a href="/personal/message" class="eui--font-26 nav-link d-i-b eui--black-color">
                        <span class="eui-sprite-icon eui-icon-dialog"></span>
                        <span class="nav-name">{{__("personal_nav_my_msg")}}</span>
                        <span class="eui-sprite-icon eui-icon-new"></span>
                        <span class="eui-icon eui--pull-right eui-icon-arrow_right eui--pull-right"></span>
                    </a>
                </li>
                <li class="eui-table-view-cell eui-table-view-cell-border-circle">
                    <a href="/personal/assign" class="eui--font-26 nav-link d-i-b eui--black-color">
                        <span class="eui-sprite-icon eui-icon-check"></span>
                        <span class="nav-name">{{__("personal_nav_assign")}}</span>
                        <span class="eui-sprite-icon eui-icon-new"></span>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                    </a>
                </li>
                <li class="eui-table-view-cell eui-table-view-cell-border-circle">
                    <a href="/personal/vipCenter" class="eui--font-26 nav-link d-i-b eui--black-color">
                        <span class="eui-sprite-icon eui-icon-crown"></span>
                        <span class="nav-name">{{__("personal_nav_vip_center")}}</span>
                        <span class="eui-sprite-icon eui-icon-new"></span>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                    </a>
                </li>
                <li class="eui-table-view-cell eui-table-view-cell-border-circle">
                    <a href="/personal/feedbackList" class="eui--font-26 nav-link d-i-b eui--black-color">
                        <span class="eui-icon eui-icon-feedback"></span>
                        <span class="nav-name">{{__("feedback_page_title")}}</span>
                        <span class="eui-sprite-icon eui-icon-new"></span>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="eui-siderbar-footer">
            <a href="" class="eui-btn eui-btn-primary eui-btn-lg eui--font-26">{{__("btn_logout")}}</a>
        </div>
    </div>
</div>